<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>TODO List</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1490086_23l3wri1csvh.css">
  <style>
  i {
    color: gray;
  }

  i:hover {
    color: black;
    cursor: pointer;
  }
  </style>
</head>
<body>
  <div id="main">
    <h1>TODO List</h1>
    <input type="text" id="todo">
    <input type="button" id="btnAdd" value="add">
    <input type="button" id="btnDelAll" value="del all">
  </div>
  <div id="output">
    <!--<ul>-->
      <!--<li>吃饭<i class="iconfont iconbianji"></i><i class="iconfont iconlajitong"></i></li>-->
      <!--<li>睡觉<i class="iconfont iconbianji"></i><i class="iconfont iconlajitong"></i></li>-->
    <!--</ul>-->
  </div>
  <script src="//cdn.staticfile.org/jquery/1.9.0/jquery.min.js"></script>
  <script src="./12-todo.js"></script>
</body>
</html>
